<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>简单树结构示例</title>
</head>
<link rel="stylesheet" href="__ASSETS__/css/demoStyle/demo.css" type="text/css">
<link rel="stylesheet" href="__ASSETS__/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script src="__ASSETS__/js/jquery.min.js"></script>
<script type="text/javascript" src="__ASSETS__/js/jquery.ztree.core.min.js"></script>
<!--<script src="jquery.min.js"></script>-->
<style>
  ul.a{width:100%;cursor:pointer;padding:0 0px;color:white;}
  ul.a li{list-style-type:none;cursor:pointer;background:#fff;padding:5px 10px;color:black;width:90%;display:none}
  .treelist{width:222px;}
  ul.a div{height:34px;width:100%;background:cyan no-repeat;padding-left:27px;padding-top:6px;color:#333333;font-weight:bold;font-size:15px}
  .shows{display:block}
</style>
<body>
<div>
  <ul id="treeDemo" class="ztree"></ul>
</div>

<SCRIPT LANGUAGE="JavaScript">
    var zTreeObj;
    // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
    var setting = {};
    // zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）
    var zNodes = [
        {name:"test1", open:true, children:[
                {name:"test1_1"}, {name:"test1_2"}]},
        {name:"test2", open:true, children:[
                {name:"test2_1"}, {name:"test2_2"}]}
    ];
    $(document).ready(function(){
        zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    });
</SCRIPT>
</body>
</html>
